<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf8" />  
</head>
<body>
<a name="UP"><div align="center"><h1>Пример заголовка по центру</h1></div></a>

<h2>1. Примитивные элементы разметки</h2> <br>
<em>Курсив</em> <br>
<strong>Жир</strong> <br>
<span style="text-decoration: underline;">Подчёркивание</span> <br>
<strike>Вычёркивание</strike> <br>
<a href="http://google.com/">Ссылка, которая содержит запятые</a> <br>
<h2>2. Цвета</h2>
<span style="color:#ff0000">Красный</span> <span style="color:#00ff00">Зелёный</span> <span style="color:#0000ff">Синий</span> <span style="color:#ffff00">Жёлтый</span> 
<span style="color:#00ffff">Бирюзовый</span> <span style="color:#ff00ff">Розовый</span>
<h2>3. Оформление текста</h2>
&#171;Цитата, в которой &#8222;цитируется&#8221; что-то внутри&#187; <br>
Это &#151; предложение с тире
<h2>4. Списки</h2>
<OL>
  <LI>Ананас
  <LI>Банан
  <OL>
    <LI>Несозревший
    <LI>Созревший
    <LI>Перезревший
    <UL>
      <LI>Слабо перезревший
      <LI>Сильно перезревший
    </UL>
    <LI>Сгнивший
  </OL>
  <LI>Кокос
</OL>
<UL>
  <LI>Лапсанг Сушонг
  <LI>Оолонг
  <LI>Мате
</UL>
<OL>
  <LI>Раз
  <LI>Раз
</OL>
<h2>5. Таблицы</h2>
См. так же раздел 4.
<table>
  <tr> <td>Столбец 1</td> <td>Столбец 2</td> <td>Столбец 3</td> </tr>
  <tr> <td>Значение 1</td> <td>Значение 2</td> <td>Значение 3</td> </tr>
  <tr> <td>Значение 4</td> <td>Значение 5</td> <td>Значение 6</td> </tr>
</table>
<h2>6. Параграфы</h2>
<p>Первое предложение параграфа 1. Второе предложение параграфа 1. Третье предложение параграфа 1. Четвёртое предложение параграфа 1. Пятое предложение параграфа 1.</p>
<p>Первое предложение параграфа 2. Второе предложение параграфа 2. Третье предложение параграфа 2. Четвёртое предложение параграфа 2. Пятое предложение параграфа 2.</p>
<p>Первое предложение параграфа 3. Второе предложение параграфа 3. Третье предложение параграфа 3. Четвёртое предложение параграфа 3. Пятое предложение параграфа 3.</p>
<p>Первое предложение параграфа 4. Второе предложение параграфа 4. Третье предложение параграфа 4. Четвёртое предложение параграфа 4. Пятое предложение параграфа 4.</p>
<p>Первое предложение параграфа 5. Второе предложение параграфа 5. Третье предложение параграфа 5. Четвёртое предложение параграфа 5. Пятое предложение параграфа 5.</p>
<h2>7. Якоря</h2>
<a href="#UP">Вверх</a>
</body>
</html>
